﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ibook.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register TagPrefix="wen" TagName="show" Src="~/ascx/show.ascx" %>
<%@ Register TagPrefix="inqu" TagName="inquiry" Src="~/ascx/inquiry.ascx" %>

<%--<%@ Register TagPrefix="book" TagName="showbook" Src="~/ascx/showBook.ascx" %>--%>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <style type="text/css">
        .style2
        {
            width: 189px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderBody" runat="Server">
        <table border="0" align="center" cellpadding="0" cellspacing="0" 
            style="width: 547px">
     <tr>
    <td width="15" valign="top"><asp:Image ID="Image1" runat="server" width="15px" 
            Height="15px" ImageUrl="~/images/logo/news.jpg"/> </td>
    <td width="400"><script type="text/javascript">
                        var marqueeContent = new Array();   //滚动主题
                        marqueeContent[0] = '<%=str[0] %>';
                        marqueeContent[1] = '<%=str[1] %>';
                        marqueeContent[2] = '<%=str[2] %>';
                        marqueeContent[3] = '<%=str[3] %>';
                        marqueeContent[4] = '<%=str[4] %>';

                        var marqueeInterval = new Array();  //定义一些常用而且要经常用到的变量
                        var marqueeId = 0;
                        var marqueeDelay = 4000;
                        var marqueeHeight = 18;
                        function initMarquee() {
                            var str = marqueeContent[0];
                            document.write('<div id=marqueeBox style="overflow:hidden;height:' + marqueeHeight + 'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>' + str + '</div></div>');
                            marqueeId++;
                            marqueeInterval[0] = setInterval("startMarquee()", marqueeDelay);
                        }
                        function startMarquee() {
                            var str = marqueeContent[marqueeId];
                            marqueeId++;
                            if (marqueeId >= marqueeContent.length) marqueeId = 0;
                            if (marqueeBox.childNodes.length == 1) {
                                var nextLine = document.createElement('DIV');
                                nextLine.innerHTML = str;
                                marqueeBox.appendChild(nextLine);
                            }
                            else {
                                marqueeBox.childNodes[0].innerHTML = str;
                                marqueeBox.appendChild(marqueeBox.childNodes[0]);
                                marqueeBox.scrollTop = 0;
                            }
                            clearInterval(marqueeInterval[1]);
                            marqueeInterval[1] = setInterval("scrollMarquee()", 10);
                        }
                        function scrollMarquee() {
                            marqueeBox.scrollTop++;
                            if (marqueeBox.scrollTop % marqueeHeight == marqueeHeight) {
                                clearInterval(marqueeInterval[1]);
                            }
                        }
                        initMarquee();
</script></td>
  </tr>
    
   </table>
    <script src="Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
	<script src="Scripts/slides.min.jquery.js" type="text/javascript"></script>
	<script type="text/javascript">
	    $(function () {
	        $('#slides').slides({
	            preload: true,
	            preloadImage: 'img/loading.gif',
	            play: 4000,
	            pause: 3000,
	            hoverPause: true
	        });
	    });
	</script>
    <link rel="stylesheet" href="css/global.css"/>
   <div id="container">
		<div id="example">
			<div id="slides">
				<div class="slides_container">
					<img src="images/img/slide.jpg" width="570" height="270" alt="Slide"/>
                    <img src="images/img/slide-1.jpg" width="570" height="270" alt="Slide 1"/>
					<img src="images/img/slide-2.jpg" width="570" height="270" alt="Slide 2"/>
					<img src="images/img/slide-3.jpg" width="570" height="270" alt="Slide 3"/>
					<img src="images/img/slide-4.jpg" width="570" height="270" alt="Slide 4"/>
					<img src="images/img/slide-5.jpg" width="570" height="270" alt="Slide 5"/>
					<img src="images/img/slide-6.jpg" width="570" height="270" alt="Slide 6"/>
					<img src="images/img/slide-7.jpg" width="570" height="270" alt="Slide 7"/>
                    <img src="images/img/slide-8.jpg" width="570" height="270" alt="Slide 8"/>
				</div>
				<a href="#" class="prev"><img src="images/img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"/></a>
				<a href="#" class="next"><img src="images/img/arrow-next.png" width="24" height="43" alt="Arrow Next"/></a>
					</div>
			&nbsp;</div>
	
	</div>
</asp:Content>
<asp:Content ID="Content3" runat="server" ContentPlaceHolderID="ContentPlaceHolderPanel">
    <div style="width: 207px">
        <wen:show ID="MyHello" runat="server"></wen:show>
    </div>
    <p>
         &nbsp;
    </p>
    <div style="width: 207px">
        <inqu:inquiry ID="MyInquiry" runat="server"></inqu:inquiry>
    </div>
       
</asp:Content>
<%--<asp:Content ID="Content4" runat="server" ContentPlaceHolderID="ContentPlaceHolderNavigation">
   
</asp:Content>--%>
